<template>
	<div >
		<select2></select2>
		<div class="hd_total">
			<img src="../../../assets/adimg/dianheader.png" alt="图片占位符" class="hd_img"/>
			<ul class="hflex" >
				<li class="h_goods">
					<img src="../../../assets/adimg/red1.png"/>
					<table class="title">
					<tr>
					<td class="hwine_title">GOME酒窖 女王之家干红葡萄酒3支装 750ml*3</td>
					</tr>
					<tr>
					<em class="hwine_price">¥<span class="hprice">99.00</span></em>
					</tr>
					</table>
				</li>
				<li class="h_goods">
					<img src="../../../assets/adimg/red2.png"/>
					<table class="title">
					<tr>
					<td class="hwine_title">GOME酒窖 女王之家干红葡萄酒3支装 750ml*3</td>
					</tr>
					<tr>
					<em class="hwine_price">¥<span class="hprice">99.00</span></em>
					</tr>
					</table>
				</li>
			</ul>
			<ul class="hflex" >
				<li class="h_goods">
					<img src="../../../assets/adimg/red1.png"/>
					<table class="title">
					<tr>
					<td class="hwine_title">GOME酒窖 女王之家干红葡萄酒3支装 750ml*3</td>
					</tr>
					<tr>
					<em class="hwine_price">¥<span class="hprice">99.00</span></em>
					</tr>
					</table>
				</li>
				<li class="h_goods">
					<img src="../../../assets/adimg/red2.png"/>
					<table class="title">
					<tr>
					<td class="hwine_title">GOME酒窖 女王之家干红葡萄酒3支装 750ml*3</td>
					</tr>
					<tr>
					<em class="hwine_price">¥<span class="hprice">99.00</span></em>
					</tr>
					</table>
				</li>
			</ul>
			<p class="nomore">没有更多了</p>
		</div>
	</div>
	
</template>

<script>
	import select2 from '.././select2.vue'
	export default{
		name:"DianHeader",
		components:{
			select2
		}
		
	}
	
</script>

<style scoped>
	.hd_total{width: 100%;background: rgba(242,242,242,1);}
	.hd_img{width: 100%;margin-top: 0.1rem;border: 1px solid #d2d2d2;vertical-align: top;}
	.hflex{display: flex;width: 98%;align-content: space-around;padding: 0 1%;margin-top:2%;}
	.h_goods{width: 48%;height:20rem;background: rgba(255,255,255,1);border: 1px solid gold ;margin: 0 1%;}
	.title{width: 92%;margin: 0 auto;height: 2rem;}
	.hwine_title{font-size: 1.1rem;color: #999999;}
	.hprice{font-size: 1.3rem; color: #b91b34;width: 92%;}
	.hwine_price{font-style: normal; color: #b91b34;display: inline-block;}
	.h_goods img{width:100%;border: 1px solid red;}
	.nomore{width: 100%;height: 3rem;line-height: 3rem; text-align: center;color:#999999 ;}
	
	
	
	
</style>